<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			@charset "utf-8";

			/* CSS Document */
			* {
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box
			}

			*,
			body {
				padding: 0px;
				margin: 0px;
				color: #222;
				font-family: "微软雅黑";
			}

			body {
				background-size: cover;
				color: #666;
				padding-bottom: 30px;
				font-size: .1rem;
			}

			li {
				list-style-type: none;
			}

			table {}

			i {
				margin: 0px;
				padding: 0px;
				text-indent: 0px;
			}

			img {
				border: none;
				max-width: 100%;
			}

			a {
				text-decoration: none;
				color: #399bff;
			}

			a.active,
			a:focus {
				outline: none !important;
				text-decoration: none;
			}

			ol,
			ul,
			p,
			h1,
			h2,
			h3,
			h4,
			h5,
			h6 {
				padding: 0;
				margin: 0
			}

			.barbox {
				width: 200px;
				height: 200px;
				background: #006600;
				position: absolute;
				top: 200px;
				left: 200px;
			}

			.containerOne:before,
			.containerOne:after {
				position: absolute;
				width: 20px;
				height: 20px;
				content: "";
			}

			.border-top-left:before {
				border-left: 2px solid #02a6b5;
				left: 0;
				top: 0;
				border-top: 2px solid #02a6b5;
			}

			.border-bottom-left:before {
				border-left: 2px solid #02a6b5;
				left: 0;
				bottom: 0;
				border-bottom: 2px solid #02a6b5;
			}

			.border-top-right:after {
				border-top: 2px solid #02a6b5;
				right: 0;
				top: 0;
				border-right: 2px solid #02a6b5;
			}


			.border-bottom-right:after {
				border-right: 2px solid #02a6b5;
				right: 0;
				bottom: 0;
				border-bottom: 2px solid #02a6b5;
			}
		</style>
	</head>
	<body>

		<div class="barbox containerOne border-top-left border-bottom-right">
			<div class="boxfoot"></div>
		</div>
	</body>
</html>
